<!-- 艾特列表页面 -->
<template>
  <div>
    <PageTitleBar title="@我的" :path="'/message'" />
  </div>
  <div class="default-text" v-if="false">
    <p>暂无@我的用户</p>
  </div>
  <!-- @我的用户列表 -->
  <div class="mentions-list">
    <!-- @我的用户列表 -->
    <div class="mentions-list-wrap" v-for="item in mentionsList" :key="item.userId">
      <div class="mentions-item">
        <div class="mentions-img">
          <img :src="`http://43.138.15.137:3000${item.userAvatar}`" alt="">
        </div>
        <div class="fans-info">
          <p>{{ item.userNickname }}</p>
          <p>关注了你</p>
          <span>{{ item.followTime }}</span>
        </div>
        <div class="fans-btn">
          <!-- bothStatus -->
          <button class="btn" :class="{ 'btnActive': item.bothStatus === 0 }"
            @click="triggerFollow(item.userId)">{{ item.bothStatus === 0 ? '关注' : '取消关注' }}</button>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
import PageTitleBar from '@/components/common/PageTitleBar.vue'


</script>